@mixin m-menu-theme($has-bg-color: false) {
  @if ($has-bg-color) {
    background: var(--el-menu-bg-color)!important;
  }
  color: var(--el-menu-text-color);
}

@mixin m-menu-theme-active {
  color: var(--el-menu-active-color);
  background-color: var(--el-menu-hover-bg-color);
}

@mixin m-menu-theme-hover {
  &:hover {
    @include m-menu-theme-active();
  }
}

.m-status {
  --m-status-color: #2272DE;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  color: var(--m-status-color);
  &::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px;
    background-color: var(--m-status-color);
  }
  &.success {
    --m-status-color: #0D864C;
  }
  &.error {
    --m-status-color: #CC0000;
  }
  &.warning {
    --m-status-color: #FF7B00;
  }
}

.m-disabled {
  cursor: not-allowed !important;
  --color: #c8c9cc !important;
  color: #c8c9cc !important;
  border-color: #c8c9cc !important;
}
